15 | Everything You Need to Know to Get Started with SvelteKit
In this episode, James explains the basics of getting started with SvelteKit and how it compares to other frameworks, like Next.js.
In this episode, James explains the basics of getting started with SvelteKit and how it compares to other frameworks, like Next.js.
Sponsors
Vercel
Vercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.
For more information, visit Vercel.com
ZEAL is hiring!
Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
Show Notes
0:00 Introduction
0:51 Sponsor: ZEAL
5:09 Context for Learning Svelte and SvelteKit
8:00 Landscape of Web Application Development
- SPA - Single Page Application
- Angular, React, and Vue
- Server Side Rendered Pages vs Statically Generated Pages
- Rich Harris, works at The NY Times, is behind Svelte
13:16 Svelte is compiled into Vanilla JavaScript = faster applications
13:50 Differences in how the frameworks handle HTML/JSX, CSS, and JavaScript
15:35 Why people like Svelte
- Double Data Binding
- Form Handling
- Stores Built-In
- Animations Built-In
21:29 SvelteKit - Framework for handling routing, caching, statically generated pages, and server-rendered pages
24:28 CSS Scoping
25:56 Hosting
26:33 Sponsor: Vercel
28:22 Tools
29:57 Grab Bag Questions
30:17 Grab Bag Question #1: If you were to start a new project, would reach for SvelteKit or Next.js?
31:07 Grab Bag Question #2: Are there holes in Svelte or SvellteKit? Things that you see in other frameworks, like React or Vue that you wish were part of Svelte?
31:54 Picks and Plugs
32:07 James's Pick: OnCloud Tennis Shoes
33:09 James's Plug: Learn Build Teach Discord Server
33:45 Amy's Pick: Kindle Paperwhite
34:37 Amy's Plug: YouTube Video - Debugging in VS Code